<html>

<head>
    <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″>
</head>
<style>
	body {
		color: #161616;
		background-color: #f4f4f4;
	}

	.box {
		display: flex;
		flex-wrap: wrap;
	}

	img {
		max-width: 100%;
	}

	.box-inner-3>img,
	.box-inner-3-lg>img,
	.box-inner-2>img {
		width: 100%;
	}

	.box-inner {
		background-color: #ffffff;
		margin-right: 1rem;
		margin-bottom: 1rem;

		padding: 20px;
	}

	.box-inner-3-lg {
		flex: 0 0 calc(66.6666% - 1rem - 40px);
		max-width: 66.6666%;
	}

	.box-inner-3 {
		flex: 0 0 calc(33.3333% - 1rem - 40px);
		max-width: 33.3333%;
	}

	.box-inner-2 {
		flex: 0 0 calc(50% - 1rem - 40px);
		max-width: 50%;
	}

	#wrapper {
		margin-top: 6rem;
		margin-left: 100px;
		margin-right: 100px;
	}

	.page-header {
		font-size: 2.625rem;
		font-weight: 300;
		line-height: 1.199;
		letter-spacing: 0;
		margin-bottom: 3rem;
		overflow-wrap: break-word;
	}

	.section-title {
		font-size: 1.25rem;
		font-weight: 400;
		line-height: 1.4;
		letter-spacing: 0;
	}

	@media (max-width: 41.98rem) {
		.box-inner-3,
		.box-inner-3-lg,
		.box-inner-2 {
			flex: 1 1 100%;
			max-width: 100%;
		}

		.box-inner {
			margin-right: 0;
		}

		#wrapper {
			margin-left: 10px;
			margin-right: 10px;
		}
	}

	header {
		position: fixed;
		background-color: #fff;
		border-bottom: 1px solid #e0e0e0;
		z-index: 8000;
		top: 0;
		right: 0;
		left: 0;
		display: flex;
		height: 3rem;
		align-items: center;
	}

	.btn {
		transition: background-color .11s, border-color .11s, color .11s;
		height: 100%;
		border-right: 1px solid #e0e0e0;
		position: relative;
		display: inline-flex;
	}

	.btn>a {
		color: #323232;
		display: flex;
		text-decoration: none;
		align-items: center;
		height: 100%;
		padding: 0 1rem;
	}

	.btn:hover {
		background-color: #e5e5e5;
	}

	.btn-group {
		list-style: none;
		margin: 0;
		padding: 0;
		height: 100%;
	}
</style>

<body>
	<header>
		<ul class="btn-group">
			<li class="btn">
				<a href="http://zhangtianli.gitee.io/boinc/index.html">User List</a>
			</li><li class="btn">
				<a href="https://tieba.baidu.com/p/7741806709">Request a Page</a>
			</li>
		</ul>
		<li class="btn section-title" style="position: fixed; right: 0; height: 3rem; padding-right: 1rem; padding-left: 1rem;">
			<p style="align-items: center; margin: 0; padding-top: 8px;">
				wanjin1234
			</p>
		</li>
	</header>

	<div id="wrapper">
		<p class="page-header">BOINC Wanjin</p>
		<div class="box">
			<div class="box-inner box-inner-3">
				<img
					src="https://boinc.netsoft-online.com/e107_plugins/boinc/user_graph.php?cpid=bf2e940f3cb98bd44ea786ecc316ec16&type=3">
			</div>
			<div class="box-inner box-inner-3">
				<img
					src="https://boinc.netsoft-online.com/e107_plugins/boinc/user_graph.php?cpid=bf2e940f3cb98bd44ea786ecc316ec16&type=1">
			</div>
			<div class="box-inner box-inner-3">
				<img
					src="https://boinc.netsoft-online.com/e107_plugins/boinc/user_graph.php?cpid=bf2e940f3cb98bd44ea786ecc316ec16&type=2">
			</div>
		</div>
		<div class="box">
			<div class="box-inner box-inner-3">
				<img style="width: auto;"
					src="https://img.shields.io/badge/dynamic/json?style=for-the-badge&amp;color=yellow&amp;label=BOINC&amp;query=%24.aaData%5B0%5D%5B2%5D&amp;url=https%3A%2F%2Fstats.free-dc.org%2Fphp%2Fdatatables%2Fsql%2Fuserbycpid_dt_sql.php%3Fcpid%3Dbf2e940f3cb98bd44ea786ecc316ec16">
				<img style="width: auto;"
					src="https://img.shields.io/badge/dynamic/json?style=for-the-badge&amp;color=blue&amp;label=BOINC%20RAC&amp;query=%24.aaData%5B0%5D%5B6%5D&amp;url=https%3A%2F%2Fstats.free-dc.org%2Fphp%2Fdatatables%2Fsql%2Fuserbycpid_dt_sql.php%3Fcpid%3Dbf2e940f3cb98bd44ea786ecc316ec16">
				<br>
				<img style="width: auto;"
					src="https://img.shields.io/badge/dynamic/json?style=flat-square&amp;color=lightblue&amp;label=Today&amp;query=%24.aaData%5B0%5D%5B5%5D&amp;url=https%3A%2F%2Fstats.free-dc.org%2Fphp%2Fdatatables%2Fsql%2Fuserbycpid_dt_sql.php%3Fcpid%3Dbf2e940f3cb98bd44ea786ecc316ec16">
				<img style="width: auto;"
					src="https://img.shields.io/badge/dynamic/json?style=flat-square&amp;color=lightblue&amp;label=FDC%C2%A0RAC&amp;query=%24.aaData%5B0%5D%5B7%5D&amp;url=https%3A%2F%2Fstats.free-dc.org%2Fphp%2Fdatatables%2Fsql%2Fuserbycpid_dt_sql.php%3Fcpid%3Dbf2e940f3cb98bd44ea786ecc316ec16">
				<img style="width: auto;"
					src="https://img.shields.io/badge/dynamic/json?style=flat-square&amp;color=lightblue&amp;label=Team%C2%A0Rank&amp;query=%24.aaData%5B0%5D%5B10%5D&amp;url=https%3A%2F%2Fstats.free-dc.org%2Fphp%2Fdatatables%2Fsql%2Fuserbycpid_dt_sql.php%3Fcpid%3Dbf2e940f3cb98bd44ea786ecc316ec16">
				<img style="width: auto;"
					src="https://img.shields.io/badge/dynamic/json?style=flat-square&amp;color=lightblue&amp;label=World%C2%A0Rank&amp;query=%24.aaData%5B0%5D%5B12%5D&amp;url=https%3A%2F%2Fstats.free-dc.org%2Fphp%2Fdatatables%2Fsql%2Fuserbycpid_dt_sql.php%3Fcpid%3Dbf2e940f3cb98bd44ea786ecc316ec16">
                <br>
                <br>
				<img style="width: auto;"
					src="https://img.shields.io/badge/dynamic/json?style=for-the-badge&color=green&label=TIME&query=%24.aaData[0][3]&url=https%3A//stats6.free-dc.org/php/datatables/sql/wuprophours_sql.php%3Fproj%3Dwup%26name=134408&_=1651253482415">
                <br>
				<img style="width: auto;"
					src="https://img.shields.io/badge/dynamic/json?style=flat-square&color=lightgreen&label=Today&query=%24.aaData[0][4]&url=https%3A//stats6.free-dc.org/php/datatables/sql/wuprophours_sql.php%3Fproj%3Dwup%26name=134408&_=1651253482415">
				<img style="width: auto;"
					src="https://img.shields.io/badge/dynamic/json?style=flat-square&color=lightgreen&label=Yesterday&query=%24.aaData[0][6]&url=https%3A//stats6.free-dc.org/php/datatables/sql/wuprophours_sql.php%3Fproj%3Dwup%26name=134408&_=1651253482415">
			</div>
			<div class="box-inner box-inner-3-lg">
				<img style="width: auto;" src="https://signature.statseb.fr/img/signature/4523"></img>
				<code><- Duck . Wanjin</code>
			</div>
		</div>
		<div class="box">
			<div class="box-inner box-inner-2">
				<img src="https://signature.statseb.fr/sig-2704.png">
			</div>
			<div class="box-inner box-inner-2">
				<img style="width: auto;" src="https://stats.free-dc.org/badgesbanner.php?cpid=bf2e940f3cb98bd44ea786ecc316ec16">
			</div>
		</div>
		<div class="box">
			<div class="box-inner box-inner-3-lg">
				<img style="max-width: calc(50% - 30px); width: auto;" src="https://boinc.mundayweb.com/stats.php?userID=15452">
				<img style="max-width: calc(50% - 30px); width: auto;"
					src="https://stats.free-dc.org/cpidtagb.php?cpid=bf2e940f3cb98bd44ea786ecc316ec16&theme=1&cols=1">
			</div>
			<div class="box-inner box-inner-3">
				<a
					href="https://stats.free-dc.org/stats.php?page=userbycpid&cpid=bf2e940f3cb98bd44ea786ecc316ec16">free-dc</a>
				<br>
				<a
					href="https://boinc.netsoft-online.com/e107_plugins/boinc/get_user.php?cpid=bf2e940f3cb98bd44ea786ecc316ec16&html=1">BOINC Combined Statistics</a>
				<br>
				<a href="https://zhangtianli.gitee.io/boinc/zhangtianli.html">zhangtianli</a>
			</div>
		</div>
		<div class="box">
			<div class="box-inner box-inner-2">
				<img src="https://stats.free-dc.org/charts/combuserdaily.php?cpid=bf2e940f3cb98bd44ea786ecc316ec16">
			</div>
			<div class="box-inner box-inner-2">
				<img src="https://stats.free-dc.org/charts/combusercumul.php?cpid=bf2e940f3cb98bd44ea786ecc316ec16">
			</div>
		</div>

		<div class="box">
			<div class="box-inner box-innner-2">
				<details style="width: 100%;">
					<summary class="section-title">Active</summary>
					<p>
						<h2 class="section-title">10750H + RTX 3060</h2>
						<img src="https://stats.free-dc.org/charts/combhostdaily.php?cpid=a2f76ddba0e084ad60cd5156e9c0981b">
					</p>
					<p>
						<h2 class="section-title">E3-1230 V2 + GTX 760</h2>
						<img src="https://stats.free-dc.org/charts/combhostdaily.php?cpid=b2ab244000b6d7de2981e9f3a7e49673">
					</p>
					<p>
						<h2 class="section-title">E5-2666 v3 + GTX 680</h2>
						<img src="https://stats.free-dc.org/charts/combhostdaily.php?cpid=279d271cb0db73776ee3e71c99879d84">
					</p>
					<p>
						<h2 class="section-title">6500</h2>
						<img src="https://stats.free-dc.org/charts/combhostdaily.php?cpid=fc69f7a770ad8c7ce11918a2e798a3ac">
					</p>
                    <p>
                        <h2 class="section-title">QQLT + R9 380</h2>
                        <img src="https://stats.free-dc.org/charts/combhostdaily.php?cpid=82d6156d97529ab0fca6fafa45125d79">
					</p>
				</details>
			</div>

			<div class="box-inner box-innner-2">
				<details style="width: 100%;">
					<summary class="section-title">Inactive</summary>
					<p>
						<h2 class="section-title">X4 955</h2>
						<img src="https://stats.free-dc.org/charts/combhostdaily.php?cpid=fb3bc872fd77db172e31e56bb2439794">
					</p>
				</details>
			</div>
		</div>
	</div>
</body>

</html>